<script setup lang="ts">
import ProductItem from './ProductItem.vue'

const changeSelectStatus = () => {
  console.log('click')
}
</script>
<template>
  <div class="select-product">
    <van-checkbox :model-value="true" @click="changeSelectStatus" label-disabled>
      <ProductItem />
    </van-checkbox>
  </div>
</template>
<style lang="scss" scoped>
.select-product {
  background-color: var(--vt-c-white);
  :deep(.van-checkbox__icon) {
    i {
      margin: 0 5px 0 25px;
    }
  }
  :deep(.van-checkbox__label) {
    flex: 1;
  }
}
</style>